<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
 <ion-tabs  ng-class="{true: 'tabs-item-hide', false: 'tabs-item-show'}[$root.hideTabs]"
          class="tabs-icon-top tabs-color-active-positive" id="tabs">
    <ion-tab title="首页" icon-off="ion-home" icon-on="ion-home-active" href="#/tab/home" class="find">
        <ion-nav-view name="tab-home"></ion-nav-view>
    </ion-tab>
     <ion-tab title="商城" icon-off="ion-mall" icon-on="ion-mall-active"  href="#/tab/mall" class="find">
        <ion-nav-view name="tab-mall"></ion-nav-view>
    </ion-tab>  
    <ion-tab title="发现" icon-off="ion-find" icon-on="ion-find-active"  href="#/tab/find" class="find">
        <ion-nav-view name="tab-find"></ion-nav-view>
    </ion-tab> 
    <ion-tab title="我的" icon-off="ion-mine" icon-on="ion-mine-active"  href="#/tab/mine" class="find">
        <ion-nav-view name="tab-mine"></ion-nav-view>
    </ion-tab>
</ion-tabs> 



